<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/templates/template.xhtml">
	<p:growl id="growl" showDetail="true" sticky="true" />
	<ui:define name="title">
		Cadastro de Produto
	</ui:define>

	<ui:define name="head">
		<style type="text/css">
#panelGrid1 {
	width: 100%;
	border-style: none;
	border-width: 0px;
}

.colunaPanelGrid1 {
	border-width: 0px;
	border-style: none;
}

.colDir {
	text-align: right;
}

.colEsq {
	text-align: left;
}
</style>

		<script type="text/javascript">
		function verificarEstoque(){
			var qtdaAtual = $("#txtQtdaAtual").val(); 
			var qtdaMin = $("#txtQtdaMin_input").val();

			if (qtdaMin >= qtdaAtual ){
				$("#txtQtdaAtual").css("background-color","#FCCCCC");
			}
		}

</script>
	</ui:define>

	<ui:define name="centro">
		<h:form id="form1" prependId="false">
			<f:validateBean>
				<p:panel id="painelEdicao">
					<f:facet name="header">
						<h:outputText value="#{lbls.LBL_0029}" />
					</f:facet>
					<table border="0" cellpadding="0" cellspacing="0"
						style="width: 100%;">

						<tr valign="top">
							<td>
								<table width="100%" cellpadding="0" cellspacing="5" border="0">
									<tr>
										<td><p:outputLabel value="#{lbls.LBL_0005}:"
												rendered="#{manterProdutoMB.editarState or manterProdutoMBean.detalharState}" />
										</td>
										<td colspan="3"><h:outputText
												style="font-weight:bold; font-size:large;"
												value="#{manterProdutoMB.produto.id}"
												rendered="#{manterProdutoMB.editarState or manterProdutoMBean.detalharState}">
												<f:convertNumber pattern="000000" />
											</h:outputText>
										</td>
									</tr>
									<tr>
										<td><p:outputLabel value="#{lbls.LBL_0040}:"
												for="txtCodBarras" />
										</td>
										<td colspan="3"><p:inputText label="#{lbls.LBL_0040}"
												value="#{manterProdutoMB.produto.codigoBarras}"
												id="txtCodBarras" maxlength="13">
												<f:converter converterId="javax.faces.Long" />
											</p:inputText>
										</td>
									</tr>
									<tr>
										<td><p:outputLabel value="#{lbls.LBL_0001}:"
												for="txtProdutoDesc" /></td>
										<td style="width: 160px;"><p:inputText
												id="txtProdutoDesc" style="width:226px;" maxlength="40"
												value="#{manterProdutoMB.produto.descricao}"
												label="#{lbls.LBL_0001}" />
										</td>
										<td class="colDir" style="width: 60px;"><p:outputLabel
												value="#{lbls.LBL_0008}:" for="cmbUnidade" />
										</td>
										<td><p:selectOneMenu id="cmbUnidade"
												value="#{manterProdutoMB.produto.tipoMedidaEnum}"
												label="#{lbls.LBL_0008}" style="width:120px;"
												itens="#{manterProdutoMB.listaMedidas}">
												<f:selectItem itemLabel="#{lbls.LBL_0028}" />
												<f:selectItems value="#{manterProdutoMB.listaMedidas}"
													var="tipoMedida" itemLabel="#{tipoMedida.descricao}"
													itemValue="#{tipoMedida}" />
											</p:selectOneMenu>
										</td>
									</tr>

									<tr>
										<td><p:outputLabel value="#{lbls.LBL_0006}:"
												for="comboMarcas" /></td>
										<td><p:selectOneMenu id="comboMarcas"
												label="#{lbls.LBL_0006}" style="width:234px;"
												value="#{manterProdutoMB.produto.marcaProduto}"
												converter="selectOneConverter"
												itens="#{manterProdutoMB.listaDeMarcas}">
												<f:selectItem itemLabel="#{lbls.LBL_0028}" />
												<f:selectItems value="#{manterProdutoMB.listaDeMarcas}"
													var="marcaProduto" itemLabel="#{marcaProduto.nome}"
													itemValue="#{marcaProduto}" />
											</p:selectOneMenu>
										</td>
										<td class="colDir"><p:outputLabel
												value="#{lbls.LBL_0007}:" for="comboGrupo" />
										</td>
										<td><p:selectOneMenu id="comboGrupo" style="width:120px;"
												label="#{lbls.LBL_0007}"
												value="#{manterProdutoMB.produto.grupoProduto}"
												converter="selectOneConverter"
												itens="#{manterProdutoMB.listaDeGrupos}">
												<f:selectItem itemLabel="#{lbls.LBL_0028}" />
												<f:selectItems value="#{manterProdutoMB.listaDeGrupos}"
													var="grupoProduto" itemLabel="#{grupoProduto.nome}"
													itemValue="#{grupoProduto}" />
											</p:selectOneMenu>
										</td>
									</tr>
									<tr>
										<td><p:outputLabel value="#{lbls.LBL_0027}:"
												for="txtPrecoVenda" />
										</td>
										<td colspan="3"><p:inputText size="6" id="txtPrecoVenda"
												label="#{lbls.LBL_0027}" maxlength="9"
												value="#{manterProdutoMB.produto.valorVenda}">
												<f:convertNumber pattern="#,##0.00" minFractionDigits="2" />
											</p:inputText></td>
									</tr>
									<tr>
										<td><p:outputLabel value="#{lbls.LBL_0032}:"
												for="txtObervacao" /></td>
										<td colspan="3"><p:inputTextarea id="txtObervacao"
												autoResize="false" counter="counter"
												counterTemplate="#{lbls.LBL_0061}" cols="60"
												value="#{manterProdutoMB.produto.observacao}"
												label="#{lbls.LBL_0032}" rows="4" maxlength="255" /> <h:outputText
												id="counter"
												style="padding-left:5px; font-size:10px; font-style:italic" />
										</td>
									</tr>
								</table></td>
							<td width="178px;"><p:fieldset legend="#{lbls.LBL_0021}"
									style="margin-left:15px;">
									<table style="width: 100%" cellpadding="0" cellspacing="5"
										border="0">
										<tr>
											<td><p:outputLabel value="#{lbls.LBL_0019}:"
													for="txtQtdaMin" />
											</td>
											<td><p:spinner id="txtQtdaMin" size="1" min="0"
													label="#{lbls.LBL_0019}" max="99999" maxlength="5"
													value="#{manterProdutoMB.produto.qtdaMinima}" />
											</td>
										</tr>

										<tr>
											<td><p:outputLabel value="#{lbls.LBL_0020}:"
													for="txtQtdaMax" />
											</td>
											<td><p:spinner id="txtQtdaMax" size="1" min="0"
													max="99999" maxlength="5"
													value="#{manterProdutoMB.produto.qtdaMaxima}"
													label="#{lbls.LBL_0020}" />
											</td>
										</tr>

										<tr>
											<td><p:outputLabel value="#{lbls.LBL_0025}:"
													for="txtQtdaAtual" />
											</td>
											<td><p:inputText id="txtQtdaAtual"
													style="width:50px; text-align:right" readonly="true"
													value="#{manterProdutoMB.produto.qtdaAtualEstoque}" />
											</td>
										</tr>
									</table>
								</p:fieldset>
							</td>
						</tr>
					</table>

					<p:lineChart id="linear"
						value="#{manterProdutoMB.graficoCompraVendaModel}"
						legendPosition="e" title="Movimentações" minY="0" 
						rendered="#{manterProdutoMB.graficoCompraVendaModel ne null}"
						style="height:200px; width: 400px;" />

					<f:facet name="footer">
						<p:commandButton value="#{lbls.LBL_0002}" icon="ui-icon-check"
							update="produtoDataTable, painelEdicao"
							action="#{manterProdutoMB.doSalvarAction}" />

						<p:commandButton value="#{lbls.LBL_0003}" icon="ui-icon-cancel"
							update="painelEdicao"
							action="#{manterProdutoMB.doCancelarAction}" process="@this" />

						<p:commandButton id="showDialogButton" value="#{lbls.LBL_0013}"
							style="float:right" icon="ui-icon-trash"
							rendered="#{manterProdutoMB.detalharState}"
							onclick="confirmation.show()" type="button" />

					</f:facet>

				</p:panel>

				<p:dataTable id="produtoDataTable" var="produto" paginator="true"
					update="painelEdicao" rows="5" emptyMessage="#{lbls.LBL_0004}"
					paginatorPosition="bottom" rowKey="#{produto.id}"
					value="#{manterProdutoMB.listaProdutos}"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
					<p:column style="width:10px;">
						<f:facet name="header">
							<h:outputText value="#{lbls.LBL_0005}" />
						</f:facet>
						<div align="center">
							<h:outputText value="#{produto.id}" />
						</div>
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="#{lbls.LBL_0035}" />
						</f:facet>
						<h:outputText value="#{produto.descricao}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="#{lbls.LBL_0006}" />
						</f:facet>
						<h:outputText value="#{produto.marcaProduto.nome}" />
					</p:column>


					<p:column>
						<f:facet name="header">
							<h:outputText value="#{lbls.LBL_0007}" />
						</f:facet>
						<h:outputText value="#{produto.grupoProduto.nome}" />
					</p:column>


					<p:column style="width:10px">
						<f:facet name="header">
							<h:outputText value="#{lbls.LBL_0021}" />
						</f:facet>

						<h:outputText value="#{produto.qtdaAtualEstoque}"
							style="color:#FF0000; font-weight:bold;"
							rendered="#{produto.qtdaAtualEstoque le produto.qtdaMinima}" />

						<h:outputText value="#{produto.qtdaAtualEstoque}"
							rendered="#{produto.qtdaAtualEstoque gt produto.qtdaMinima}" />
					</p:column>

					<p:column style="width:40px">
						<p:commandButton id="selectButton" update=":form1:painelEdicao"
							oncomplete="verificarEstoque()"
							action="#{manterProdutoMB.doDetalharAction}" process="@this"
							icon="ui-icon-search" title="#{lbls.LBL_0062}">
							<f:setPropertyActionListener value="#{produto.id}"
								target="#{manterProdutoMB.codProduto}" />
						</p:commandButton>
					</p:column>

				</p:dataTable>
			</f:validateBean>
		</h:form>
		<p:confirmDialog id="confirmDialog" message="#{msgs.MSG_0002}"
			appendToBody="true" header="#{msgs.MSG_0003}" severity="alert"
			widgetVar="confirmation">
			<h:form id="form2">
				<p:commandButton value="#{lbls.LBL_0011}"
					update=":form1:produtoDataTable, :form1:painelEdicao"
					process="@this" oncomplete="confirmation.hide()"
					onerror="confirmation.hide()"
					action="#{manterProdutoMB.doRemoverAction}" />
				<p:commandButton id="decline" value="#{lbls.LBL_0012}"
					onclick="confirmation.hide()" type="button" />
			</h:form>
		</p:confirmDialog>
	</ui:define>
</ui:composition>
</html>